/**按钮 输入框样式**/
input[type="number"],input[type="text"],input[type="tel"],input[type="password"]{border:none;width:100%;height:100%;box-sizing:border-box;background:#fff;color:#6d6d6d;padding-left:50px;}
.User-information{width:100%;margin:15px 0;padding:0 25px;}
.User-information .User-form{width:100%;border:1px solid #ececec;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;border-radius:8px;overflow:auto;}
.User-information .User-form>div{width:100%;height:44px;border-bottom:1px solid #ececec;position:relative;}
.User-information .User-form div:last-child{border:none;}
.User-information .User-form>div span{display:block;width:20px;height:20px;background-image:url(../img/icon-login.png);background-repeat:no-repeat;background-size:40px 143px;position:absolute;left:15px;top:12px;z-index:3;}
/*手机号码*/
.User-form .phone-number span.phone{display:block;width:20px;height:22px;background-image:url(../img/icon-login.png);background-repeat:no-repeat;background-size:40px 143px;background-position:0 -80px;position:absolute;left:15px;top:11px;z-index:3;}
.User-form .phone-number input:focus+span{background-position:-20px -80px;}
/*验证码图片*/
em.Verification-number{display:block;width:93px;height:33px;background:url(../img/login-tuxingyzm.png)no-repeat center/93px 33px;position:absolute;right:5px;top:6px;}
/*手机发送验证码*/
em.phone-code{font-size:15px;z-index:3;line-height:15px;color:#6eba6f;box-sizing:border-box;padding:5px 10px;border:1px solid #6eba6f;border-radius:5px;position:absolute;right:5px;top:8px;}
/*短语已发送至-----那个手机*/
.Send-phone{color:#666666;font-size:14px;width:100%;text-align:center;margin-bottom:15px;}
.Send-phone p{display:inline-block;}
/*获取焦点改变图标颜色*/
/*验证码*/
.Verification-code span{background-position:0px -20px;}
.Verification-code input:focus+span{background-position:-20px -20px;}
/*密码*/
.password span{background-position:0px -40px;}
.password input:focus+span{background-position:-20px -40px;}
/*推荐人*/
.Recommended span{background-position:0px -60px;}
.Recommended input:focus+span{background-position:-20px -60px;}
/*用户名*/
.user-name span{background-position:0px 0px;}
.user-name input:focus+span{background-position:-20px 0px;}
/*邮箱*/
.mailbox span{background-position:0 -122px ;}
.mailbox input:focus+span{background-position:-20px -122px;}
/*身份证号码*/
.ID-number span{background-position:0px -102px;}
.ID-number input:focus+span{background-position:-20px -102px;}
/*按钮*/
.submit-btn{width:100%;height:40px;margin:24px 0 0 0 ;border-radius:5px;}
.submit-btn button{width:100%;height:100%;background:#b7b7b7;border-radius:5px;display:block;color:#fff;line-height:40px;text-align:center;font-size:18px;}
/*注册送红包*/
.song{width:100%;padding-top:24px;}
/*忘记密码*/
.song span{display:block;width:190px;height:25px;background-image:url(../img/login-icon--song.png);background-repeat:no-repeat;background-position:center;background-size:190px 25px;margin:0 auto;font-size:14px;color:#fff;text-align:center;line-height:25px;}
.plcs{width:100%;padding:10px 0;}
.plcs a{font-size:16px;color:#6eba6f;line-height:16px;}
/*协议*/
.User_agreement{margin-top:10px;height:22px;padding:0 10px;}
.User_agreement p{height:18px;line-height:18px;font-size:14px;color:#666;margin:0 0px;}
.User_agreement a{display:block;height:18px;float:left;font-size:14px;line-height:18px;color:#0078FF;}
.checkboxFour {
    width: 25px;
   
    position: relative;
}
.checkboxFour label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background:#fff;
    border:1px solid #ccc;
    border-radius:50%;
}
.checkboxFour label:after {
    opacity: 1;
    content: '';
    position: absolute;
    width: 6px;
    height: 3px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}    
.checkboxFour label:hover::after {
    opacity:1;
}
.checkboxFour input[type=checkbox]:checked + label:after {
    border-color:#000;
    opacity: 1;
}
input[type=checkbox] {
    visibility: hidden;
}